:host ::ng-deep .ant-form .CodeMirror {
  width: inherit;
}
.file-upload-span {
  display: none;
}
.file-upload-input {
  position: relative;
  top: -0.01rem;
  margin-right: 0.12rem;
}
::ng-deep.nzi-ide-center{
  width:unset!important;
  margin-right:0rem;
}

:host ::ng-deep.ant-tabs-nav-scroll{
  height:unset!important;
  background:unset!important;
  border-bottom:unset!important;
}

:host ::ng-deep.as-split-area{
  overflow-y:hidden!important;
}

::ng-deep.tab-top-border .ant-tabs-bar{
  padding-left:0rem;
}

.button-left{
  margin-left:0.15rem;
}
.input-select{
	width: 160px;
}
.layerSpe ::ng-deep .has-error .ant-select-selection{
	border-color: none!important;
}

.layerSpe ::ng-deep .has-error .input-number-container ::ng-deep .ng-invalid  .ant-select-selection{
	border-color: #cc3a21;
}
.layerSpe ::ng-deep .has-success ::ng-deep .ng-invalid ::ng-deep .ng-invalid  .ant-select-selection{
	border-color: #cc3a21;
}
.tip-text{
  color: #ffbf00;
}

nz-form-explain{
  display:block;
}

::ng-deep.online-tip{
  color: #f04134!important;
}

div[ng-reflect-nz-span="18"]{
  padding-right:0!important;
}

::ng-deep div[role="tablist"]{
  border-bottom:0;
}

::ng-deep#ide.tab-top-border .ant-tabs-bar{
  border:0;
}

:host ::ng-deep #ide div[role="notab"]{
  background-color:#fff!important;
  border:0.01rem solid #d9d9d9!important;
}

::ng-deep.ant-tabs-nav .ant-tabs-tab-active {
    background-color: #fff!important;
    border-color: #e8e8e8!important;
    border-bottom-color: #fff!important;
}

.vpc-container{
  margin-top:0.15rem;
}

.init-container {
  margin-left: 1.52rem;
}

.vpc-item{
  width:1.95rem;
  margin-right:0.10rem;
}

.env-block{
  display:inline-block;
  width:38%!important;
  padding-left:0.22rem;
}
.tpl-card {
  border:0.01rem solid #f0f0f0;
  margin-top: 0.2rem;
  cursor: default;
}
.tpl-card:hover {
    border-color: rgba(129, 121, 121, 0.09);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.tpl-card-title{
  position: relative;
  height: 0.35rem;
  line-height: 0.35rem;
  padding: 0 0.35rem;
  background-color: #f5f5f5;
}
.card-content-item {
//   padding-left: 0.15rem;
  line-height: 0.2rem;
  margin: 0.1rem 0;
//   min-height: 0.35rem;
  span{
    display: inline-block;
  }
}
.detail-right{
    margin-left: 0.2rem;
}
.search-tpl{
  width: 3rem;
}
.search-tpl-input{
  width: 2.5rem;
}
.check-icon{
    font-size: 0.18rem;
    color: #41aa53;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0.35rem;
    text-align: center;
}
.space-right{
  margin-right: 0.08rem;
}
.tpl-title{
  font-size: 0.16rem;
  color: #595959;
  line-height: 0.24rem;
}
.tpl-fieldset {
    padding: 0 0.24rem;
    margin: 0.12rem 0;
}
.tpl-detail-footer{
  text-align: center;
}
:host ::ng-deep.form-fieldset{
  //padding-bottom: 0!important;
}
.form-fieldset fieldset legend{
    margin: 0 !important;
    line-height: 0.48rem;
}
.tpl-detail-footer{
  padding-top:0.24rem;
  padding-bottom: 0.24rem;
}
.form-item{

}
.condition-bg{
  background-color: #F2F5FC;
  padding:0.20rem;
}
.space-label{
  &:extend(.space-class);
  padding:0.08rem auto;
}
.space-class{
  margin-left: 0.20rem;
}
.tpl-card-content{
    padding: 0.1rem 0.15rem;
}
.tpl-card-left{
  width: 0.7rem;
  float: left;
  vertical-align: top;
  text-align: left;
}
.tpl-card-right{
    width: calc(100% - 0.7rem);

    // float: right;
//   width: calc(70%);
  padding-right: 0.10rem;
}
.icon-position{
    position: absolute;
    /* left: -1.1rem; */
    /* top: 0.02rem; */
    /* margin-left: -0.2rem; */
    /* margin-right: 0.05rem; */
    /* font-size: 0.12rem; */
    height: 0.3rem;
    /* line-height: 0.3rem; */
    color: #00ACD7;
    width: 0.35rem;
    height: 0.35rem;
    left: 0;
    top: 0;
    padding: 0.05rem;
}
.tpl-detail-param{
  padding-left: 0.08rem;
  padding-bottom: 0.10rem;
}
.tpl-card-describe{
    height: 0.4rem;
    overflow: hidden;
//   text-overflow: ellipsis;
//   min-height: 0.05rem;
}
.card-name{
  font-size: 0.14rem;
  font-weight: 700;
  color: #595959;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
//   margin-left: 0.2rem;
}
:host ::ng-deep .form-group {
  margin-bottom: 0!important;
}

.icon-runtime {
  height: 0.5rem;
}

:host ::ng-deep .ant-card-body {
  padding: 4px 0px 0px 0px;
}
